<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Cricket Game</title>
</head>
<body>
  <div class="top">
    <h1>Cricket Game</h1>
  </div>
<br><br>
  <div class="container">
    <!--<h1><u>Player 1</u></h1>-->
    <button onclick="hit1()" id="hit1">Hit!</button>
    <h2>Runs: <span id="score1">0</span></h2>
    <h2>Outs: <span id="outs1">0</span></h2>
    <h1>Runs on this ball: <span id="current1">0</span></h1>
    <p>If the runs you hit on this ball is greater than 6, it will treated as a wide for you.</p>
  </div>
  <!--
  <div class="container">
    <h1><u>Player 2</u></h1>
    <button onclick="hit2()" id="hit2">Hit!</button>
    <h2>Runs: <span id="score2">0</span></h2>
    <h2>Outs: <span id="outs2">0</span></h2>
    <h1>Runs on this ball: <span id="current2">0</span></h1>
    <p>If the runs you hit on this ball is greater than 6, it will treated as a wide for you.</p>
  </div>-->
  <script src="script.js"></script>
</body>
</html>
